{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="/Public/Css/front/front_css/sama_part2.css">
<link rel="stylesheet" type="text/css" href="/Public/Css/front/front_css/my_wallet.css">
<style type="text/css">
	.cent{
		text-align: center;
	}
	.tag {
	    font-size: 0.5rem;
	    color: #FFFFFF;
	    line-height: 0.75rem;
	    padding: 0 .25rem;
	    background: #FF6600;
	    border-radius: 2px;
	    display: inline-block;
	    margin-bottom: .25rem;
	    margin-right: .25rem;
	}
	.touxian{
		width: 90%;
		position: absolute;
		top:8rem;
		left:5%;
		text-align: center;
		font-size: 0;
	}
	.blur1 {    
	    -webkit-filter: blur(0.5rem); /* Chrome, Opera */
	       -moz-filter: blur(0.5rem);
	        -ms-filter: blur(0.5rem);    
	            filter: blur(0.5rem);    
	}
	.user_info{
		width:100%;
		height:10.3rem;
		overflow:hidden;
		background:url({$user_info.headimgurl}?imageMogr2/auto-orient/thumbnail/200x200/imageslim) no-repeat;
		background-size: cover;
		position: relative;
	}
	.user_info:before{
		content: '';
	    position: absolute;
	    top: -8%;
	    left: -8%;
	    right: -8%;
	    bottom: -8%;
	    -webkit-filter: blur(10px);
	    filter: blur(10px);
	    /*z-index: 1;*/
	    background-image: url('{$user_info.headimgurl}?imageMogr2/auto-orient/thumbnail/!200x200r/imageslim');
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	     /*background-attachment: fixed; */
	}
	.user_info:after{
		content: '';
	    position: absolute;
	    top: -8%;
	    left: -8%;
	    right: -8%;
	    bottom: -8%;
	    background: rgba(0,0,0,.1);
	}
</style>

{/block}
{block name="content"}
<div class="others_personal_head_box">
	<div class="user_info">
	<!-- <img class="blur1" src="{$user_info.headimgurl}?imageMogr2/auto-orient/imageslim" style="height:12.3rem;width:116%;margin:-1.0rem -8% -1rem -8%"> -->
	<!--背景图片，根据头像变化-->
	</div>
	<a href="/FrontUserCenter/user_info" class="native_go"><div class="write_icon_white"></div></a><!-- 个人信息 -->

	<img class="others_personal_head" src="{if $is_login}{$user_info.headimgurl}?imageMogr2/auto-orient/thumbnail/!200x200r/imageslim{else}/Public/Images/front/front_img/icon_ziliao_touxiang@3x.png{/if}"/><!--个人头像-->
	<!--男女标志-->
	 <div class="{if $user_info.sex == 1}icon_gender_man{elseif $user_info.sex == 2}icon_gender_male{/if}"></div>
	<!--<div class="icon_gender_male"></div>-->
	<a href="/FrontIndex/message_center" class="native_go">
		<div class="others_info_icon">
			{if $is_read}<div class="point"></div>{/if}
		</div>
	</a>

	<p1>{$user_info.nickname}</p1><!--昵称-->
	{if $my_wear_title}
	<div class="touxian">
		{foreach from = $my_wear_title item = this}
			<i class="tag" style="background-color:{$this.title_color}">{$this.title_name}</i>
		{/foreach}
	</div>
	{else}
	<!--如果没有头衔-->
	 <div class="no_title"></div><p2 >尚未取得任何头衔</p2>
	{/if}
</div>

<div class="others_personal_info" style="margin-bottom:0.25rem">
	<a href="/FrontUserCenter/user_concern/user_id/{$user_info.user_id}" class="native_go"><div class="attention">关注</div></a>
	<a href="/FrontUserCenter/user_fans/user_id/{$user_info.user_id}" class="native_go"><div class="fans">粉丝</div></a>
	{if !$is_hidden}
	<a href="/FrontUserCenter/my_post_list" class="native_go"><div class="channel cent" style="right:7%">帖子</div></a>
	{/if}
	<div class="attention_number">{$my_num.my_focus_num|default:0}</div>
	<div class="fans_number">{$my_num.my_fans_num|default:0}</div>
	{if !$is_hidden}
	<div class="channel_number">{$my_num.my_post_num|default:0}</div>
	{/if}
</div>

<ul class="use_cont">
	<li class="cont_box" >
		<i class="icon collection"></i>
		<a href="/FrontUserCenter/my_collection" class="native_go"><span class="h1">我的收藏</span></a>
		<i class="icon_forward"></i>
	</li>

	<li class="cont_box clear_border mb_5" >
		<i class="icon readhistory"></i>
		<a href="/FrontUserCenter/my_scan_record" class="native_go"><span class="h1">阅读历史</span></a>
		<i class="icon_forward"></i>
	</li>
</ul>
{if !$is_hidden}
<ul class="use_cont">
	<li class="cont_box" >
		<i class="icon joinzc"></i>
		<a href="/FrontUserCenter/my_crowd_funding" class="native_go"><span class="h1">参与心愿</span></a>
		<i class="icon_forward"></i>
	</li>

	<li class="cont_box" >
		<i class="icon joinzs"></i>
		<a href="/FrontUserCenter/my_praise_post" class="native_go"><span class="h1">赞赏过的</span></a>
		<i class="icon_forward"></i>
	</li>

	<li class="cont_box clear_border mb_5" >
		<i class="icon joinxs"></i>
		<a href="/FrontUserCenter/my_reward" class="native_go"><span class="h1">参与悬赏</span></a>
		<i class="icon_forward"></i>
	</li>
</ul>
{/if}

<ul class="use_cont">
	<li class="cont_box clear_border mb_5" >
		<i class="icon mywallet"></i>
		<a href="/FrontUserCenter/my_wallet" class="native_go"><span class="h1">我的钱包</span></a>
		<i class="icon_forward"></i>
	</li>
</ul>

<ul class="use_cont" >
	<li class="cont_box share_app" >
		<i class="icon share"></i>
		<span class="h1">分享App</span>
		<i class="icon_forward"></i>
	</li>

	<li class="cont_box" >
		<i class="icon aboutus"></i>
		<a href="/FrontUserCenter/aboutus" class="native_go"><span class="h1">关于我们</span></a>
		<i class="icon_forward"></i>
	</li>

	<li class="cont_box clear_border" >
		<i class="icon setsystem"></i>
		<a href="/FrontUserCenter/system_set" class="native_go"><span class="h1">系统设置</span></a>
		<i class="icon_forward"></i>
	</li>

</ul>
<div style="width:100%;height:0.5rem;padding-bottom:50px;"></div>

<!--分享弹窗-->
<!-- <div class="back_pop">
	
</div>
<div class="share_pop">
	<span class="share_icon wechat"></span>
	<span class="share_icon circle"></span>
	<span class="share_icon weibo"></span>
	<span class="share_icon qq"></span>
	<span class="share_icon qqzone"></span>
	<div class="cancel_share">取消</div>
</div> -->
<!-- {include file="../Index/nav.html"} -->
{/block}
{block name="js"}

<script type="text/javascript">
var app_url=' ';

//分享的参数
var share_title = '快来下载Sama赞赏社吧';
var share_pic = '{$about_code}';
var share_desc = '随时随地阅读Sama精选,更多的频道和内容,欢迎你，我们的新朋友,加入Sama赞赏社，和我们一起互动，交流';
var share_url = document.location.host+'/FrontUserCenter/share';

{literal}
$('.share_app').on('click', function(){
	if (!is_wechat()) {
		native_listen('share_app',{
			item_name:share_title,
			item_desc:share_desc,
			basc_pic:share_pic,
			share_url:share_url,
		})
	}
})

$('.others_personal_head').on('click',function () {
	native_listen('upheadimg');
})
</script>
{/literal}
{/block}
